$dark_gray:#889aa4;
$bg:#283443;
$light_gray:#68b0fe; // 将输入框颜色改成蓝色
$cursor: #fff;

.el-form-item__content {
  color: #000000;
}
.idapp {
  width: 100%;
  height: 100%;
}
.baccodeimg {
  cursor: pointer;
  background: url("../../assets/img/codeimg.png") no-repeat left top;
  // -webkit-background-clip: text;
  // -webkit-text-fill-color: transparent;
  // color: #1c4fa2b5;
  width: 84px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  letter-spacing: 7px;
  font-size: 20px;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
    0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2),
    0 20px 20px rgba(0, 0, 0, 0.15);
}
// .verification {
//   width: 70px;
//   height: 40px;
//   border: 1px solid rgb(150, 147, 147);
//   margin-right: -20px;
//   margin-left: 15px;
  
// }

.choicebox {
  .chiceboxOptions {
    width: 260px;
    float: left;
    font-size: 12px;
    color: red;
  }

}
.operation-row{
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  // color: #f09937;
  font-weight: bold;
  width: 100%;
  font-size: 14px;
  .el-link.el-link--danger{
    color: #f09937;
    font-weight: bold;
  }
  &.between{
    justify-content: space-between;
  }
}
.param {
  width: 150px;
  // margin-left: 30px;
}

.jump {
  line-height: 33px;
  float: right;
}

.login-container {
  // position: relative;
  // left: 0;
  // top: 0;
  // right: 0;
  // bottom: 0;
  // height: 100vh;
  // min-width: 960px;
  // background-image: url('../../assets/img/bg9.jpg'); // 设置背景图片
  background-image:url("../../assets/img/ob-sign__bg.jpg");

  // background: #F09937;
  background-size: 100% 100%;
  opacity: 0.9;
  height: 100vh;
  display: flex;
  .backgroud-iamge {
    // width: 50%;
    // height: 400px;
    // height: 100%;
    // // background-image: url('../../assets/img/bg9.jpg'); // 设置背景图片
    // background-image:url("https://otms-public.oss-cn-hangzhou.aliyuncs.com/images/ob-sign__bg.jpg");

    // // background: #F09937;
    // background-size: 100% 100%;
    // opacity: 0.9;
  }
  .backToimg {
    // width: 43%;
    height: 71vh;
    // background: red;
    margin: -10% 0px 0px 0px;
    // background-image:url("../../assets/img/ob-signin.png")
    img{
      max-width: 100%;
      max-height: 100%;
    }
  }
  .logingBox {
    // left: 67%;
    // position: absolute;
    // top: 25%;
    // width: 26%;
    // overflow: hidden;
    // box-shadow: #fe8415 0px 0px 15px 5px;
    border-radius: 10px;
    height:450px;
    width: 400px;
    box-sizing: border-box;
    // z-index: 10;
    box-shadow: 0px 0px 6px 0px #e3dddd;
    // margin:150px 0px 0px 0px;
    // background: blue;
    .login-wrap{
      width: 100%;
      height: 100%;
      // height: 50hv;
      padding: 45px 35px;
      // padding: 10% 5%;
      box-sizing: border-box;
      border-radius: 10px;
      background-color: #E9D4D2;

    }
  }
.inputbox {
  // width: 340px;
}
.inputone {
  // width: 340px;
}
  .loginForm {
    // background-color: #fffefd;
    // width: 520px;
    overflow: hidden;
    padding-top: 10px;
    // padding: 10px 5px 10px 10px;
    // margin-left: 10px;

    // .el-input__inner {
      
    // }
    .el-input.is-active .el-input__inner, .el-input__inner:focus,
    .el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
      border-color: #f09937;
    }
  }

  .loginBtn {
    background: #f09937;
    width: 100%;
    // height: 60px;
    // line-height: 26px;
    line-height: 150%;
    font-size: 18px;
    margin: 4% 0px 0px 0px;
  }

  .el-form-item {
    border-radius: 5px;
    color: #000000;
  }

  .el-form-item__error {
    color: #E69850;
  }
.agreement{
  // color: rgba(102, 102, 102, 1);
font-size: 12px;
line-height:13px;
padding-left: 5px;
}
  .tips {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;

    span {
      &:first-of-type {
        margin-right: 16px;
      }
    }
  }

  .svg-container {
    height: 30px;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    width: 30px;
    display: inline-block;
      
  }



  .title-container {
    position: relative;
    height: 55px;
    margin-bottom: 30px;
    .title {
      font-size: 20px;
      color: #000000;
      margin: 29px auto 40px auto;
      text-align: center;
      font-weight: bold;
    }

    .loginTexe {
      font-size: 12px;
      color: #000000;
      margin: -27px auto 40px auto;
      text-align: center;
      font-weight: bold;
    }
  }
    // .breath {
    //   animation: huxi 3s linear infinite alternate;
    // }
  
    @keyframes huxi {
      0% {
        box-shadow: 0px 0px 6px 0px #f9c392;
      }
  
      25% {
        box-shadow: 0px 0px 15px 0px #f5b275;
      }
      65% {
        box-shadow: 0px 0px 35px 0px #f5b275;
      }
  
      100% {
        box-shadow: 0px 0px 15px 0px #f5b275;
      }
    }

}
/deep/.check .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #f09937 !important;
  border-color: #f09937 !important;
}

